react-howto

3월 7, 2016 本文总阅读量次

React 공부를 위한 지침서를 잘 정리한 프로젝트가 있습니다. React 생태계에서 내용을 배우다가 보면 상당한 어려움에 봉착할 때가 많습니다. 몇 가지 이유가 있는데요. 오픈 소스 프로젝트 예제들을 찾아보면 Flux,ES2015라던지 혹은 번들러 같은 것들을 공부해야만 하는지 어떻게 해야 하는지 등등의 고민들이 생깁니다. 이런 것들이 잘 정리가 되어 있습니다.

Editor’s choice

petehunt/react-howto
_If you’re new to React (or frontend in general) you may find the ecosystem confusing. There are a few reasons for this…_github.com

저자인 petehunt는 아래와 같은 방법으로 공부 해야 한다고 정리하고 있습니다.

React 자체를 배우기

일반적으로 잘못 알려진 이야기가 React를 배우기 시작하기 위한 세팅시간이 많이 걸린다는 것입니다. 공식문서에서 (복사-붙여넣기 용 HTML template) 을 이용해서 .html 파일로 저장해서 바로 시작할 수 있습니다. 이 단계에서는 어떤 툴 및 세팅이 필요없고 기본 React에 익숙해 질때까지는 다른 툴 및 세팅을 시작하지 마십시오

저는 아직도 React를 배우는 가장 쉬운 방법은 공식문서 라고 생각합니다

npm

React 생태계가 Javascript 언어인 이상 npm 생태계를 포함하는 것은 어찌보면 요즘은 당연할 지도 모르겠네요.

Javascript 번들러

Javascript 번들러의 예를 들자면 webpack 과 browserify가 있습니다. 모두 좋은 선택입니다. 하지만 저는 큰 애플리케이션의 개발을 쉽게 도와주는 기능이 많은 webpack 을 선호합니다. 문서화가 좀 헷갈린다면 개발 시작을 위한 플러그앤 플레이 템플릿이 있고, 조금 더 복잡한 경우에는 제가 작성한 webpack 사용기도 있습니다

제 경우는 webpack 을 제일 선호하지만, gulp와 섞인 스크립트세팅이 가장 훌륭한 거 같더군요

더 자세히 보기

ehrudxo/react-howto
_당신이 React(혹은 프론트엔드개발) 초심자라면 생태계가 혼란스럽다는 사실을 발견할 것입니다. 거기에는 몇 가지 이유가 있습니다. React는 역사적으로 얼리어답터와 전문가 집단을 겨냥해서 만들어졌습니다…_github.com